.ZW{
    border: 6px solid rgba(44, 130, 179, 0.265);
}

.box1{
    border: 2px solid rebeccapurple;
}
/* 字体大小、颜色和种类 */
.f1{
    font-size: 14px;/*字体大小*/
    color: rgba(30, 109, 83, 0.479);/*字体颜色*/
    font-family: "华文彩云","Time NEW Roman" Helvetica, sans-serif/*字体种类*/
}
/* 字体倾斜与加粗 */
.f2{
    font-style: italic;/*字体倾斜*/
    font-weight: bolder;/*字体加粗*/
}


/* 文本对齐 */
.f3{
    text-align: center;
    /* text-align: justify; */
    /* word-spacing: left; */
    /* word-spacing: right; */
    padding-right: 40px;
}

/* 行高 */
.f4{
    line-height: 60px;
    /* line-height: 60;不带px就是60倍 */
}

/* 文本装饰线 */
.f5{
    line-height: 3;
    text-decoration: line-through;
    text-decoration: underline overline line-through;/* 按顺序：下划线、删除线、上划线 */
} 

.f5 a{
    /* 去除原始样式 */
    text-decoration: none;
}

/* 文本缩进 */
.f6{
    text-indent: 2em;
}

/* 字符间距 单词间距 */
.f7{
    letter-spacing: .5em;/* 字符间距  */
    word-spacing: 1em;/* 单词间距 */
}

/* 字母转换、阴影 */
.f8{
    /* text-transform: uppercase;
    text-transform: lowercase; */
    text-transform: capitalize;/* 字母转换 */
    text-shadow: 5px 2px 3px rebeccapurple;/* 阴影 */
}

.CL{
    border: 6px solid rgba(255, 0, 230, 0.189);
}

.box2{
    border: 2px solid rebeccapurple;
}

/* rgb */
.f9{
    color:rgb(86, 150, 91);
}

/* rgba */
.f10{
    color: rgba(109, 30, 87, 0.516);
}

/* #十六进制 */
.f11{
    color: #f10;
}

/* 颜色名称 */
.f12{
    color: orange;
}

/* hsl色彩 */
.f13{
    color: hsl(120,65%,75%);
}

/* hsla色彩 */
.f14{
    color: hsla(149, 39%, 39%, 45%);
}

.BG{
    padding: 10px;
    border: 6px solid rgba(184, 174, 181, 0.516);
}

.box3{
    width: 340px;
    height: 340px;
    border:1px solid rgba(161, 161, 161, 0.516);
}

/* 背景颜色 */
.f15{
    background-color:rgba(17, 87, 128, 0.084);
}

/* 背景图片地址 */
.f16{
    background-image: url(Burnhill.jpg);  
}
   
/* 背景重复方式 */
.f17{
    background-image: url(zichuan.png);
    /* 默认重复 */
    background-repeat: 
                        no-repeat
                         /* 不重复  */
                        repeat-x 
                        /* 水平重复, */
                        repeat-y;
                        /* 垂直重复  */
}

/* 背景定位 */
.f18{
    background-image: url(Evan.jpg);
    background-position-x: -350px;
    background-position-y: -350px;
}


.ML{
    border: 6px solid rgba(203, 209, 143, 0.189);
}

.box4{
    border: 2px solid rgb(9, 33, 72);
}

.f19{
    list-style-type: /*none/* 不使用项目符号 */
                     /*disc/* 实心圆 */
                     /*circle/* 空心圆 */
                     square/* 实心方块 */
    ;
}

.f20{
    list-style-type: /*decimal/* 阿拉伯数字 */
                     /*lower-alpha/* 小写英文字母 */
                     /*upper-alpha/* 大写英文字母 */
                     /*lower-roman/* 小写罗马数字 */
                     upper-roman;/* 大写罗马数字 */
}

.BOX{
    margin: 10px;/*外边距*/
    padding:10px;
}

.box5{
    height: 300px;
    width: 300px;
    border: 10px solid rgba(184, 174, 181, 0.516);/*边框*/
    background-color: cornflowerblue;
}

.box6{
    content:none;
}

.s1{
    border-style: dashed;/*边框为虚线*/
    border-width: 1px ;/*边框宽度*/
    border-color: blue;/*颜色为蓝色*/
}

.s2{
    border-style: dotted;/*边框为原点*/
    border-width: 1px ;/*边框宽度*/
    border-color: rgb(255, 0, 0);/*颜色为蓝色*/
}

.s3{
    border-style: double;/*边框为双实线*/
    border-width: 1px ;/*边框宽度*/
    border-color: rgb(85, 255, 0);/*颜色为蓝色*/
}

.s4{
    border-style: none ;/*无边框边框*/
}

/*浮动布局*/
.LAY1{
    border: 6px solid rgba(106, 139, 182, 0.189);
}

div#wrapper { /*主栏外框*/
	float:left; /*向左浮动*/
	width:100%; /*弹性宽度*/
	margin-left:-200px; /*左侧外边距，负值向左缩进*/
}
div#content { /*主栏内框*/
	margin-left:200px; /*主栏内框：左侧外边距*/
}
div#navigation { /*导航栏*/
	float:right; /*向右浮动*/
	width:200px /*固定宽度*/
}
div#extra {/*其他栏*/
	float:right; /*向右浮动*/
	clear:right; /*清除右侧浮动，避免同行显示*/
	width:200px /*固定宽度*/
}
div#footer { /*页眉区域*/
	clear:both; /*清除两侧浮动，强迫外框自适应*/
	width:100% /*宽度*/
}

/*流动布局*/
.LAY2{
    border: 6px solid rgba(106, 139, 182, 0.539);
}
p { 
    margin: 60px;
    font-size: 14px;
}
p span { 
    position: relative; 
}
p strong { 
    position: relative; 
    left: 40px; 
    top: -40px; 
    font-size: 18px; 
}/*相对定位*/


/*定位布局*/
.LAY3{
    border: 6px solid rgba(8, 85, 184, 0.539);
}
#contain {/*定义父元素为相对定位，实现定位包含框*/
	width:100%; /*定义宽度*/
	height:310px; /*定义最大高度，否则子栏目会覆盖脚注栏*/
	position:relative; /*定义定位包含框*/
	margin:0 auto; /*居中显示*/
}
#sub_contain1 {/*定义左侧子元素为绝对定位*/
	width:70%; /*固定宽度*/
	position:absolute; /*绝对定位*/
	top:0; /*在定位包含框顶边对齐*/
	left:0; /*在定位包含框左边对齐*/
}
#sub_contain2 {/*定义右侧子元素为绝对定位*/
	width:30%; /*固定宽度*/
	position:absolute; /*绝对定位*/
	top:0; /*在定位包含框顶边对齐*/
	right:0; /*在定位包含框右边对齐*/
}

